/**
* author: "oujizeng",
* license: "MIT",
* github: "https://github.com/yangyuji/native-pull-refresh",
* name: "nature-pull-refresh.js",
* version: "2.0.1"
*/

.pull-wrapper .pull-top {
	margin-top: -50px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	font-size: 14px;
	color: #666;
	z-index: 1;
}

.pull-wrapper .pull-top .pointer,
.pull-wrapper .pull-top .success {
	display: inline-block;
	margin-right: 5px;
}

.pull-wrapper .pull-top .pointer:before {
	display: inline-block;
	width: 16px;
	height: 16px;
	content: " ";
	-webkit-animation: pull-loading 1.6s step-start infinite;
	vertical-align: middle;
	background-image: url("");
	background-size: 100% 100%;
	margin-bottom: 3px;
}

.pull-wrapper .pull-top .success:before {
	display: inline-block;
	width: 16px;
	height: 16px;
	content: " ";
	vertical-align: middle;
	background-image: url("");
	background-size: 100% 100%;
	margin-bottom: 3px;
}

.pull-wrapper .pull-top .none {
	display: none!important;
}

.pull-wrapper .pull-top .arrow {
	width: 10px;
	height: 20px;
	display: inline-block;
	vertical-align: middle;
	background-image: url("");
	background-size: 100% 100%;
	margin-right: 6px;
	margin-bottom: 3px;
}

.pull-wrapper .pull-top .up {
	-webkit-transform: rotate(180deg);
	-webkit-transition: -webkit-transform .5s;
}

.pull-wrapper .pull-top .down {
	-webkit-transform: rotate(0deg);
	-webkit-transition: -webkit-transform .5s;
}

@-webkit-keyframes pull-loading {
	0% {
		-webkit-transform: rotate(0deg);
	}

	8.333333333333332% {
		-webkit-transform: rotate(30deg);
	}

	16.666666666666664% {
		-webkit-transform: rotate(60deg);
	}

	25% {
		-webkit-transform: rotate(90deg);
	}

	33.33333333333333% {
		-webkit-transform: rotate(120deg);
	}

	41.66666666666667% {
		-webkit-transform: rotate(150deg);
	}

	50% {
		-webkit-transform: rotate(180deg);
	}

	58.333333333333336% {
		-webkit-transform: rotate(210deg);
	}

	66.66666666666666% {
		-webkit-transform: rotate(240deg);
	}

	75% {
		-webkit-transform: rotate(270deg);
	}

	83.33333333333334% {
		-webkit-transform: rotate(300deg);
	}

	91.66666666666666% {
		-webkit-transform: rotate(330deg);
	}
}
